<template>
  <div class="miaojizi">
      <div class="right">
        <img :src="bimg"/>
        <p>{{bt}}</p>
        <span>{{bg}}</span>
      </div>
      <div class="left">
        <img :src="simg"/>
        <p>{{st}}</p>
        <span>{{sg}}</span>
      </div>
  </div>
</template>

<script>
export default {
  props:["bimg","simg","bt","bg","st","sg"]
}
</script>

<style lang="scss">
  .miaojizi{
    width: 100%;
    height: 1.68rem;
    .left{
      float: left;
      width:60%;
      height: 1.68rem;
      img{
        width:1.81rem;
        height: 1.08rem;
      }
      p{
        margin-top: .1rem;
        width: 1.81rem;
        
        line-height: .18rem;
      }
      span{
        color: #ccc;
        font-size: .12rem;
      }
    }
    .right{
      float: right;
      width:40%;
      height: 1.68rem;
       img{
        width:1.37rem;
        height: .82rem;
      }
      p{
        margin-top: .1rem;
        width: 1.37rem;
        height: .37rem;
        line-height: .18rem;
      }
      span{
        color: #ccc;
        font-size: .12rem;
      }
    }
  }
</style>